<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
    <meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
    <title>盖象商城</title>
    <link href="../styles/login.css" rel="stylesheet" type="text/css" />
    <link href="../styles/global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--登陆头部start-->
<div class="gx-yx-top">
    <div class="gx-yx-top-wrap2">
        <div class="gx-yx-top-logo"></div>
        <div class="gx-yx-top-yz">用户登陆</div>
    </div>
</div>
<!--登陆头部end-->
<!--登陆主体start-->
<div class="login_content" >
        <div class="login_content_layout">
             <div class="login-form-wrap">
            <div class="login-form">
                 <div class="lg-title">
                    <span>登录盖象商城</span>
                    <a href="">立即注册 > </a>
                </div>
                <form id="home-form" action="" method="post">
                    <div class="login-wran-wrap">
                    <div class="login-wran" style="display: block">账户名与密码不匹配</div>
                    </div>
                    <div class="field user-field">
                        <label for="LoginForm_username"></label>
                         <input placeholder="会员编号/用户名/手机号"  id="LoginForm_username" type="text" value="" >
                        <select class="gw-login-select">
                            <option value ="gw111111">请选择登录的盖网号</option>
                            <option value ="gw111111">gw111111</option>
                            <option value ="gw222222">gw222222</option>
                            <option value ="gw333333">gw333333</option>
                        </select>
                  </div>
                    <div class="field pwd-field" >
                        <label for="LoginForm_password"></label>
                        <input placeholder="密码" id="LoginForm_password" type="password">
                   </div>
                    <div class="field-change clearfix">
                        <input type="text" class="gx-login-erweima" placeholder="请输入验证码">
                        <img src="../images/bgs/login_yzm.jpg" class="gx-login-yzm">
                        <a href="">换一张</a>
                        <div class="login-wran2"style="display: block">
                            验证码有误，请重试
                        </div>
                    </div>
                    <div class="field-remember">
                        <input id="savestate" name="LoginForm[rememberMe]" value="1" type="checkbox">
                        <label for="savestate">自动登录</label>
                        <a target="_blank" class="forget-pwd" href="找回密码-验证身份.html">忘记密码</a>
                    </div>
                    <div class="lg-btn">
                        <input type="submit" value="立即登录" id="login" style="cursor:pointer;">
                    </div>
                </form>
                <div class="lg-entry">
                    <p>使用合作网站账号登录盖象：</p>
                    <ul class="clearfix">
                        <li>
                            <a href="" target="_blank" class="qq" title="QQ"></a>
                        </li>
                        <li>
                            <a href="" target="_blank" class="weibo" title="新浪微博"></a>
                        </li>
                        <li>
                            <a href="" target="_blank" class="txweibo" title="对面登录"></a>
                        </li>
                    </ul>
                </div>
            </div>
             </div>
        </div>
</div>
<!--登陆主体end-->
<!-- 底部start -->
<div class="gx-bottom-link">
    <div class="gx-bottom-link-main">
        <div class="gx-bottom-link-item">
            <a href="#" title="关于盖网">关于盖网</a>|
            <a href="#" title="帮助中心">帮助中心</a>|
            <a href="#" title="网站地图">网站地图</a>|
            <a href="#" title="诚聘英才">诚聘英才</a>|
            <a href="#" title="联系客服">友情链接</a>|
            <a href="#" title="联系客服">联系客服</a>|
            <a href="#" title="免责声明">免责声明</a>|
            <a href="#" title="隐私保护">隐私保护</a>|
            <a href="#" title="家长监护">家长监护</a>|
            <a href="#" title="站长统计">站长统计</a>|
        </div>

        <div class="bottom-link">
            <span>Copyrightg-emall.com </span>|
            <span>增值电信业务经营许可证：</span>
            <span>粤B2-20140364 </span>|
            <span>粤ICP备14049968号-2</span>|
            <span>互联网药品信息服务资格证</span>|
            <span>网络文化经营许可证</span>|
            <span>穗公网监备案证第44070050010060号</span>|
        </div>

    </div>
</div>
<!-- 底部end -->
</body>
<script src="../js/jquery-1.9.1.js"></script>
<script>
    $(function() {
        $(".field input").focus(function(){
            $(this).parent("div").addClass("inputFocue");
        }).blur(function(){
            $(this).parent("div").removeClass("inputFocue");
        });

//        判断输入是否为手机号码然后显示隐藏下拉
        $("#LoginForm_username").keyup(function(){
            var re = /^[1][3578][0-9]{9}$/;
            if(!re.test(this.value)) {
                $(this).next(".gw-login-select").css("display","none");
            }else {
                $(this).next(".gw-login-select").css("display","block");
            }
            });
//        选择GW号后消失以及赋值
        $(".gw-login-select ").bind("change",function(){
          $("#LoginForm_username").val($(".gw-login-select").val())
          $(this).css("display","none");
          $(this).val($(".gw-login-select  option:first"))
        });
    });


        //判断浏览器是否支持 placeholder属性  
    function isPlaceholder(){  
        var input = document.createElement('input');  
        return 'placeholder' in input;  
    } 

    if(!isPlaceholder()){  //不支持placeholder 用jquery来完成  
        $("input").not("input[type='password']").each(function(){//把input绑定事件 排除password框  
            if($(this).val()=="" && $(this).attr("placeholder")!=""){  
                $(this).val($(this).attr("placeholder"));
                $(this).addClass("login-on");
                $(this).focus(function(){  
                    if($(this).val()==$(this).attr("placeholder")){
                        $(this).val("");
                        $(this).addClass("login-on");
                    }else{
                        $(this).removeClass("login-on");
                    } 
                });  
                $(this).blur(function(){  
                    if($(this).val()==""){
                        $(this).val($(this).attr("placeholder"));
                        $(this).addClass("login-on");
                    }else{
                        $(this).removeClass("login-on");
                    }
                });

                $(this).keydown(function(){
                     $(this).removeClass("login-on");
                }) 
            }  
        });  
        //对password框的特殊处理1.创建一个text框 2获取焦点和失去焦点的时候切换  
        var pwdField    = $("input[type=password]");  
        var pwdVal      = pwdField.attr('placeholder');  
        pwdField.after('<input id="pwdPlaceholder" type="text" value='+pwdVal+' autocomplete="off" />');  
        var pwdPlaceholder = $('#pwdPlaceholder');  
        pwdPlaceholder.show();
        pwdPlaceholder.addClass('login-on');
        pwdField.hide();
          
        pwdPlaceholder.focus(function(){  
            pwdPlaceholder.hide();  
            pwdField.show();  
            pwdField.focus();
            $(this).removeClass("login-on");
        });  
          
        pwdField.blur(function(){  
            if(pwdField.val() == '') {  
                pwdPlaceholder.show();  
                pwdField.hide();
                pwdPlaceholder.addClass("login-on"); 
            }else{
                pwdPlaceholder.removeClass('login-on');
            }
        });                
    }


    </script>
</html>